<template>
    <div class="answer-book-container"> <!-- 整体容器，语义更明确 -->
        <!-- 输入框区域 -->
        <div class="input-area">
            <textarea name="" id="" placeholder="请输入你想要知道的答案" v-model="issue"></textarea>
        </div>
        <!-- 操作按钮与答案显示区域 -->
        <div class="operation-and-answer">
            <button @click="lookAnswer">查看答案</button>
            <p>{{answer}}</p>
        </div>
        <!-- 历史记录标题 -->
        <div class="history-title">
            <h3>历史记录</h3>
        </div>
        <!-- 历史记录列表 -->
        <ul class="history-list">
            <li v-for="(item, index) in historyList" :key="index">
                <p>问: {{item.issue}}</p>
                <p>答: {{item.answer}}</p>
                <p class="time">{{item.createTime}}</p>
            </li>
            <van-empty description="暂无历史记录" v-if="historyList.length == 0" />
        </ul>
    </div>
</template>

<script>
	export default {
		data() {
			return {
				answer: '-----',

				issue: '', //问题

				// 答案列表
				answerList: [
					"找个人给你意见",
					"笑",
					"算了吧",
					"请教你的妈妈",
					"当然咯",
					"谁说得准呢，先观望着",
					"千万别傻",
					"时间有限",
					"没事，有我在",
					"一个正在到来的晴天",
					"保持你的好奇心，去挖掘真相",
					"把心揣怀里",
					"答案在镜子里",
					"这简直太有趣了",
					"一切顺其自然",
					"笑",
					"有人爱着你",
					"学会认错",
					"这真是一个奇怪的问题",
					"会有人陪着你",
					"多读一本书",
					"下一页才是你的人生答案",
					"不",
					"这事儿不靠谱",
					"天上要掉馅饼了",
					"有好运",
					"要有耐心",
					"你需要知道真相",
					"还有另一种情况",
					"没事，有我在",
					"观望",
					"出发",
					"胜券在握",
					"突如其来的幸福",
					"别让它影响到你",
					"是",
					"信任",
					"没事，有我在",
					"笑",
					"回头看看",
					"烦恼快要消失了",
					"列个清单",
					"一步之遥",
					"时机不对",
					"照你想的那样去做",
					"量力而行",
					"但行好事，莫问前程",
					"抛弃首选方案",
					"走容易走的路",
					"最佳方案不一定可行",
					"不会作就不会死",
					"试试卖萌",
					"借助他人的经验",
					"再多考虑",
					"注意细节",
					"说出来吧",
					"不要犹豫",
					"机会稍纵即逝",
					"小迷糊",
					"制订了一个新计划",
					"别压抑自己的天性",
					"笑",
					"GO",
					"没事，有我在",
					"谁都不能保证",
					"这事情要靠缘分",
					"明天就会有新鲜事儿发生",
					"情况很快就会发生变化",
					"不要陷得太深",
					"没事，有我在",
					"转移你的注意力",
					"吃点东西 冷静一下",
					"至关重要",
					"告诉自己什么是最重要的",
					"为什么不",
					"别傻等了",
					"笑",
					"不要忘记",
					"给自己一个肯定",
					"停止emo",
					"为什么不呢",
					"有人爱着你",
					"去解决",
					"不要怕",
					"寻找更多的选择",
					"上帝为你关一扇门，必定会为你打开一扇窗",
					"随波逐流未必是好事",
					"问天问大地，不如问自己",
					"你就是答案",
					"去争取机会",
					"别难过 你是最棒的",
					"改变不了世界，改变自己",
					"主动一点，人生会大不相同",
					"学会妥协",
					"掌握更多信息",
					"相信你最初的想法",
					"没事，有我在",
					"笑",
					"勿忘初心，放得始终",
					"扫除障碍",
					"把重心放在工作/学习上",
					"培养一项新的爱好",
					"对他人慷慨",
					"不放赌一把",
					"你在开玩笑吗",
					"去做其他的事情",
					"观察形势",
					"殊途同归",
					"休息，休息一会",
					"这是你最后的机会",
					"再考虑一下",
					"放轻松，这很简单",
					"善待自己",
					"呼吸一下新鲜空气",
					"复杂的事情简单做",
					"并不明智",
					"笑",
					"等待更好的",
					"很快就能解决",
					"重要",
					"是的",
					"采取行动",
					"去做",
					"不要过火",
					"事情开始变得有趣了",
					"保存你的实力",
					"这是一定的",
					"不确定的因素有点多",
					"结果不错",
					"没事，有我在",
					"你可能不得不放弃其他东西",
					"不要犹豫",
					"不需要",
					"去倾诉",
					"不要怕",
					"试着去爱",
					"告诉别人这对你意味着什么",
					"无论你做何种选择，结果都是对的",
					"保持头脑清醒",
					"制定计划",
					"很麻烦",
					"克服困难",
					"实际一点",
					"你需要一点帮助",
					"协作",
					"需找更多的选择",
					"负责",
					"阻止",
					"你必须现在就行动",
					"遵守规则",
					"坚持",
					"去爱",
					"你不会失望的",
					"需要花费点时间",
					"不要迫于压力而改变初衷",
					"显而易见",
					"未解之谜",
					"不雅忽略身边的人",
					"抗拒",
					"笑",
					"不值得斗争",
					"玩得开心就好",
					"毋庸置疑",
					"你也许会失望",
					"去改变",
					"一个强有力的承诺会换回更好的结果",
					"也许有更好的解决方案",
					"不要害怕",
					"你好像舍不得",
					"想法太多，选择太少",
					"试着慷慨一点儿",
					"这不是能犹豫的事儿",
					"你很棒，自信起来吧！",
					"是的",
					"一笑而过",
					"有人爱着你",
					"保密",
					"取决于你的选择",
					"随TA去",
					"你需要考虑其他方面",
					"一年后就不那么重要了",
					"醒醒吧，别做梦了",
					"同意",
					"意义非凡",
					"默数十秒再问我",
					"开心的肯定",
					"去行动",
					"发挥你的想象力",
					"对的",
					"为了确保最好的结果，保持冷静",
					"等待",
					"你必须弥补这个缺点",
					"你会后悔的",
					"毫无疑问",
					"当然",
					"现在比以往任何时候的情况都要好",
					"相信你的直觉",
					"这是一个机会",
					"去问你爸爸",
					"从来没有",
					"寻找一个指路人",
					"去尝试",
					"没有",
					"错的",
					"别不自量力",
					"荒谬",
					"不赌",
					"不值得冒险",
					"不妥协",
					"关注你的家庭生活",
					"肯定",
					"不可预测",
					"你很幸运",
					"绝对不",
					"我确定",
					"尽早完成",
					"令人期待的事情马上要发生",
					"你需要适应",
					"表示怀疑",
					"它会带来好运",
					"要有耐心",
					"看看会发生什么",
					"记录下来",
					"不宜在这个时候",
					"决定了就去做",
					"别要求太多",
					"放弃第一个方案",
					"HOLD不住",
					"谨慎小心",
					"注意细节",
					"注意身后",
					"不要犹豫",
					"有人爱着你",
					"继续前进",
					"情况很快就会发生改变",
					"不要被情绪左右",
					"转移注意力",
					"着眼未来",
					"问自己什么是最重要的",
					"不要等了",
					"保持乐观",
					"没有更好的选择",
					"列出原因",
					"抓住机会",
					"改变自己",
					"你需要主动",
					"妥协",
					"甜蜜",
					"笑",
					"有人撑着你向前",
					"有比这更重要的东西",
					"你需要掌握更多的信息",
					"删除记忆",
					"能让你快乐的那个决定",
					"你需要考虑其他方面",
					"你会后悔的",
					"毫无疑问",
					"当然",
					"相信自己的直觉",
					"这是一个机会",
					"形势不明",
					"先让自己休息",
					"重新考虑",
					"不明智",
					"抓住机会",
					"等待机会",
					"你很幸运",
					"不必为你无法控制的事情而担心",
					"不要做得太过分",
					"不要忘记微笑",
					"认真起来",
					"笑",
					"你失去的某天会以不同的方式归还于你",
					"保持现状",
					"不要忧虑",
					"愿意并且相信",
					"有人爱着你",
					"这绝对是个好主意",
					"有意料之外的事会发生，不妨等待",
					"你会失望的",
					"你将会有好的运气",
					"漂亮",
					"花更多的时间来决定",
					"把握现在",
					"把握现在",
					"学会好奇",
					"最美丽的一天",
					"彼岸",
					"停止",
					"坚强",
					"永恒",
					"常常是最后一把钥匙打开了神殿门",
					"不要刻意隐藏",
					"停止悲伤",
					"不要刻意压抑",
					"背不动的就放下",
					"不要怕",
					"安静",
					"想念",
					"驻足静立",
					"活下去",
					"去爱",
					"回家",
					"未解之谜",
					"相遇",
					"陌生人",
					"告别",
					"本能",
					"取暖",
					"重逢",
					"不要去忘记",
					"自信起来吧",
					"爱",
					"接受那些消失的",
					"到此为止",
					"一步之遥",
					"保存",
					"虚无的关系",
					"时间有限",
					"迷失的世界",
					"慢下来",
					"可怕",
					"了不起",
					"一个正在到来的晴天",
					"好天气",
					"旧梦",
					"挽留",
					"逆水行舟",
					"被排挤",
					"可以期待的未来",
					"平平安安",
					"挥别错的",
					"朴素",
					"成为了事实",
					"萌芽",
					"有一些重要的事",
					"让你泪流满脸的",
					"不知所措",
					"给人依赖",
					"对未知前途的期盼",
					"用平淡的心态去追求",
					"一切皆有可能",
					"控制自己的情绪",
					"一切顺其自然",
					"一条没有鲜花的道路",
					"得不到别人的认同",
					"暂且不要判断",
					"不要一成不变",
					"学会认错",
					"你祈求的一切顺利",
					"享受全心全意的付出",
					"站在了最重要的地方",
					"捕风捉影",
					"欢天喜地",
					"轮回",
					"你无法继续沉睡",
					"得到了多数的支持",
					"十分好的预感",
					"背叛",
					"盛开",
					"学会改变什么",
					"最划算的交换",
					"退后一厘米",
					"这真是一个奇怪的问题",
					"用力活着",
					"成长",
					"最好的事情正要发生",
					"没有什么是对的",
					"堕落",
					"多余",
					"必须努力奔跑起来",
					"会有人陪着你",
					"驾驭",
					"站起来去战斗",
					"不要看轻别人",
					"多读一本书",
					"下一页才是你的人生答案",
					"出发",
					"差不多得了",
					"不要给人添麻烦",
					"一个人的细水长流",
					"左边",
					"有人浪费了你的时间",
					"最后什么都没改变",
					"对，去吧！",
					"扔掉这些东西",
					"有些人开始慌乱",
					"找回自己",
					"重生",
					"慢些，我们就会更快",
					"一个人的朝圣",
					"孤单",
					"下一个天亮",
					"独角戏",
					"平凡之路",
					"直面残酷",
					"泡沫",
					"你大概会受点伤",
					"远行",
					"一直在找什么",
					"回头看看",
					"唤醒沉睡的你",
					"也许会有好转",
					"烦恼快要消失了",
					"一无所有",
					"显得有些唐突",
					"迷人的危险",
					"结束倒计时",
					"第二次被伤害的机会",
					"并不会让你高兴",
					"没什么放不下",
					"等待",
					"等待",
					"永远不会愈合的伤口",
					"骗不到自己",
					"悄悄躲开",
					"一场完美的悲剧",
					"寻寻觅觅",
					"不要做出任何决定",
					"开心的肯定",
					"浪费光阴",
					"保密",
					"被唾弃的决定",
					"停止向前",
					"有点儿意思",
					"谢谢",
					"再也不要见",
					"完美时刻",
					"会让你痛苦的",
					"僵持不下",
					"必不可少",
					"对不起",
					"试着慷慨一点儿",
					"这不是能犹豫的事儿",
					"同意",
					"试着安静一会儿",
					"默默无闻",
					"虚空",
					"戒掉过分的急躁",
					"不要隐藏起来",
					"其实大家都知道",
					"会被一直依赖的",
					"全部给它",
					"坚持了不该坚持的",
					"你好像舍不得",
					"有点儿心疼",
					"轻而易举的伤害",
					"卑微的等待",
					"你有必要傻一点",
					"一成不变",
					"你会忘记它",
					"禁言",
					"只是一场梦",
					"你要勇敢的离开",
					"拼凑不了的昨天",
					"容易被操纵",
					"尽你最大的能力",
					"去忘记",
					"大家好像都不认同",
					"认真起来",
					"值得去做的事",
					"是",
					"白日梦",
					"转个身忘记吧",
					"你可能会比较悲伤",
					"这绝对是个好主意",
					"好的指引",
					"不是",
					"充满未知的迷惑",
					"光明的",
					"幼稚又可笑",
					"你很幸运",
					"机会就在眼前",
					"不如忘掉这个问题",
					"又干净又明亮",
					"专注一点",
					"殊途同归",
					"背道而驰",
					"小迷糊",
					"你在开玩笑吗",
					"别难过你是最棒的",
					"吃点东西冷静一下",
					"这个大概会让你哭泣",
					"高兴起来吧你这么厉害",
					"别总想着过去了",
					"捍卫它",
					"无谓的徘徊",
					"将要被击溃",
					"不必耿耿于怀",
					"放在心里吧这样比较好点",
					"不用伪装到面目全非",
					"别压抑自己的天性",
					"一个人安安静静待一会儿",
					"既然认准这条路，就不要去想走多久",
					"大哭一场会好受点",
					"总会慢慢淡去的",
					"明天就会有新鲜事儿发生",
					"这事情要靠缘分",
					"太糟糕了",
					"这是起跑线",
					"没事，有我在",
					"不要把所有表情都写在脸上",
					"别人会对你苦笑",
					"好像会很累",
					"有人撑着你向前",
					"你需要的只是勇气",
					"不甘心的话，就努力争取吧",
					"无条件的付出",
					"试着更快一些",
					"这是昂贵的礼物",
					"不能永远一成不变",
					"甜蜜",
					"会有一些困难",
					"等待下一个故事的发生",
					"试着面对自己真实的想法",
					"这就是结局",
					"心会冷掉",
					"愿意并且相信",
					"守护",
					"将要奔赴一场未知的路程",
					"隐忍",
					"不必要的退让",
					"这大概会让你有点寂寞",
					"形同陌路",
					"不要轻易去相信",
					"可能会很累",
					"有些人选择了离开",
					"会让周围的人感受到温暖",
					"会有一个风光明媚的未来",
					"大概要多想一会儿",
					"值得肯定",
					"好像会有很大的麻烦",
					"注意一下周围",
					"你将会有好的运气",
					"大概吧",
					"漂亮",
					"你可能会失去一些东西",
					"看见的都不是真的",
					"苦涩",
					"看向未来",
					"笑",
					"接受的终将会接受",
					"保护你的温暖所在",
					"这就是命",
					"未来会变得特别繁忙",
					"居心叵测",
					"这简直太有趣了",
					"胜券在握",
					"突如其来的幸福",
					"平分秋色",
					"非常融洽",
					"按照一定的规律到达了终点",
					"平衡",
					"残留的遗憾",
					"拜拜",
					"特别的见解",
					"最特别的幸运",
					"值得喝一杯",
					"并不确定真伪",
					"使人警惕起来",
					"空想",
					"你开心就好",
				],

				userInfo: {},

				historyList: [],
				
				time:null
			}
		},

		onLoad() {
			this.userInfo = uni.getStorageSync('userInfo') || {}

			this.agetHistory()
		},

		methods: {
			// 获取历史提问记录
			async agetHistory() {
				let params = {
					state: "look",
					databaseName: 'answerBook',
				}
				let result = await this.$axios('overallSituation', params, true)
				this.historyList = result.data || []
			},

			lookAnswer() {
				console.log(this.answer, '---------');
				if (!this.issue || this.time != null) return
				// 拿到随机数
				let getRandomInt = (min, max) => {
					min = Math.ceil(min);
					max = Math.floor(max);
					return Math.floor(Math.random() * (max - min + 1)) + min;
				}

				// 计数器
				let count = 0
				this.time = setInterval(() => {
					let random = getRandomInt(0, this.answerList.length)
					this.answer = this.answerList[random]
					if (count >= 5000) {
						let params = {
							state: "add",
							databaseName: 'answerBook',
							answer: this.answer, //得到的答案
							issue: this.issue, //提出的问题
							createTime: this.getTime(), //创建时间
							query: this.userInfo._id //提问人
						}
						// 保存这次查询的答案
						this.$axios('overallSituation', params).then(res => {
							if (res.code == 200) {
								this.agetHistory()
							}
						})
						clearInterval(this.time) 
						this.time = null
					}
					count += 50
				}, 25)
			},

			getTime() {
				let date = new Date()
				let year = date.getFullYear()
				let month = (date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : '0' + (date.getMonth() + 1)
				let day = date.getDate() >= 10 ? date.getDate() : '0' + (date.getDate())
				let h = date.getHours() >= 10 ? date.getHours() : '0' + (date.getHours())
				let m = date.getMinutes() >= 10 ? date.getMinutes() : '0' + (date.getMinutes())
				let s = date.getSeconds() >= 10 ? date.getSeconds() : '0' + (date.getSeconds())
				return year + '-' + month + '-' + day + " " + h + ":" + m + ":" + s
			},

		}
	}
</script>

<style scoped>
    /* 整体容器样式，设置统一背景色和基本布局 */
   .answer-book-container {
        width: 100%;
        min-height: 100vh;
        background-color: #f8f9fa; /* 淡灰色背景，简洁大气 */
        display: flex;
        flex-direction: column;
        align-items: center;
        font-family: Arial, sans-serif; /* 设置通用字体，提升整体感 */
    }

    /* 输入框区域样式 */
   .input-area {
        width: 90%;
        margin-top: 20px;
    }
   .input-area textarea {
        width: 100%;
        height: 150px; /* 适当调整高度，更美观 */
        padding: 15px;
        box-sizing: border-box;
        font-size: 16px; /* 增大字号，方便输入 */
        border: 1px solid #ccc; /* 简化边框样式 */
        border-radius: 8px;
        resize: none; /* 禁止用户手动调整大小 */
    }

    /* 操作按钮与答案显示区域样式 */
   .operation-and-answer {
        width: 90%;
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
   .operation-and-answer button {
        width: 100%;
        height: 40px;
        background-color: #007bff; /* 采用主题色，突出按钮 */
        color: #fff;
        font-size: 16px;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        margin-bottom: 10px;
    }
   .operation-and-answer p {
        font-size: 20px;
        color: #333; /* 答案文本颜色设为常规色 */
        text-align: center;
        background-image: none; /* 去除原复杂的渐变背景，更简洁 */
        -webkit-background-clip: initial;
        -webkit-text-fill-color: initial;
    }

    /* 历史记录标题样式 */
   .history-title {
        width: 90%;
        margin-top: 20px;
        text-align: left;
    }
   .history-title h3 {
        font-size: 18px;
        color: #666; /* 标题颜色设为灰色调，更显高级 */
    }

    /* 历史记录列表样式 */
   .history-list {
        width: 90%;
        max-height: 60vh; /* 限制最大高度，避免过长 */
        overflow-y: auto;
        margin-top: 10px;
        border-radius: 8px;
        background-color: #fff; /* 白色背景，清晰展示内容 */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 轻量阴影，增加层次感 */
    }
   .history-list li {
        width: 100%;
        padding: 15px;
		box-sizing: border-box;
        border-bottom: 1px solid #eee; /* 底部添加浅灰色边框区分条目 */
        font-size: 14px;
        color: #333;
    }
   .history-list li p {
        margin: 5px 0;
    }
   .history-list li .time {
        color: #999; /* 时间显示为浅灰色，弱化显示 */
        font-size: 12px;
        text-align: right;
    }
</style>